<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>总进球</title>
    <script src="../static/js/jquery-3.7.1.min.js" type="text/javascript"></script>
    <style>
    table {
        border-collapse: collapse; /*合并边框*/
        width: 100%; /*设置表格宽度*/
    }

    th, td {
        border: 1px solid black; /*设置边框线样式、颜色和大小*/
        padding: 8px; /*设置内边距*/
    }
        .p1{
                background-color: red;
        }
        .p2{
            background-color: magenta;
        }
        .p3{
            background-color: green;
        }
        .p4{
            background-color: mediumturquoise;
        }
        .p5{
            background-color: orange;
        }
        .p6{
            background-color: royalblue;
        }
        .p7{
            background-color: palevioletred;
        }.p8{
            background-color: brown;
        }

</style>

</head>
<body>
<table id="t">
<thead>
<tr>
    <td>日期</td>
    <td>场次</td>
    <td>0球</td>
    <td>1球</td>
    <td>2球</td>
    <td>3球</td>
    <td>4球</td>
    <td>5球</td>
    <td>6球</td>
    <td>7球</td>
    <td>推荐</td>
    <td>操作</td>
</tr>
</thead>
</table>
</body>

<script type="text/javascript">
            // 获取后台数据
            $.get('/getselling', function(res) {
                    var arr = new Array();
                    var total = res.length; //总

                for(var i=0;i<total;i++) {
                    for (var j = 0; j < res[i].datas.length; j++) {
                        var d = res[i].datas[j];
                        arr.push("<tr>");
                        arr.push("<td>");arr.push(res[i].day);arr.push(d.matchTime);arr.push("</td>");
                        arr.push("<td>");arr.push(d.NO);arr.push("</td>");
                        arr.push("<td  class='");arr.push("p"+d.details.s0[1]);arr.push("'>");arr.push(d.details.s0[0]);arr.push("&nbsp;&nbsp"+d.details.s0[1]+"赔");arr.push("</td>");
                        arr.push("<td  class='");arr.push("p"+d.details.s1[1]);arr.push("'>");arr.push(d.details.s1[0]);arr.push("&nbsp;&nbsp"+d.details.s1[1]+"赔");arr.push("</td>");
                        arr.push("<td  class='");arr.push("p"+d.details.s2[1]);arr.push("'>");arr.push(d.details.s2[0]);arr.push("&nbsp;&nbsp"+d.details.s2[1]+"赔");arr.push("</td>");
                        arr.push("<td  class='");arr.push("p"+d.details.s3[1]);arr.push("'>");arr.push(d.details.s3[0]);arr.push("&nbsp;&nbsp"+d.details.s3[1]+"赔");arr.push("</td>");
                        arr.push("<td  class='");arr.push("p"+d.details.s4[1]);arr.push("'>");arr.push(d.details.s4[0]);arr.push("&nbsp;&nbsp"+d.details.s4[1]+"赔");arr.push("</td>");
                        arr.push("<td  class='");arr.push("p"+d.details.s5[1]);arr.push("'>");arr.push(d.details.s5[0]);arr.push("&nbsp;&nbsp"+d.details.s5[1]+"赔");arr.push("</td>");
                        arr.push("<td  class='");arr.push("p"+d.details.s6[1]);arr.push("'>");arr.push(d.details.s6[0]);arr.push("&nbsp;&nbsp"+d.details.s6[1]+"赔");arr.push("</td>");
                        arr.push("<td  class='");arr.push("p"+d.details.s7[1]);arr.push("'>");arr.push(d.details.s7[0]);arr.push("&nbsp;&nbsp"+d.details.s7[1]+"赔");arr.push("</td>");
                        arr.push("<td>");arr.push("2、3球");arr.push("</td>");
                        var detail = "<a href='"+d.details.s7[1]+"'>详情</a>";
                        arr.push("<td>");arr.push(detail);arr.push("</td>");
                        arr.push("</tr>");
                    }
                }
                $("#t").append(arr.join(" "))
                });
</script>
</html>